<!-- 
	左侧使用了可折叠样式
-->
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/mytags.jsp"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<base href="<%=basePath%>">
<%@ include file="/common/bootstrap.jsp"%>
<!-- Custom styles for this template -->
<link href="${ctx}/adminManage/resources/css/sys/main.css" rel="stylesheet">
<script type="text/javascript">
	 $(document).ready(function() {
		 $("#menu a.menu").click(function() {
				$("#menu li.menu").removeClass("active");
				$(this).parent().addClass("active");
				$(".firstmenu").hide();
				$("#"+$(this).attr('link')).show();//显示点击的一级菜单
			});
		 $(".secondmenu a").click(function() {
				$(".secondmenu a").removeClass("active");
				$(this).addClass("active");
				//显示点击的一级菜单
				$.get($(this).attr('link'),function(data){
					$("#mainFrame").html(data);
				 });
			});
		 //默认所有一级菜单隐藏
		 $(".firstmenu").hide();
		 //根据menu的class包含active的显示左侧菜单
		 $("#"+$("#menu a.active").attr('link')).show();
		 //设置欢迎界面
		 $.get($(".secondmenu a.active").attr('link'),function(data){
			$("#mainFrame").html(data); 
		 });
	});
</script>
</head>

<body>
	<!-- 头部 -->
	<!-- 
		navbar 导航条
		navbar-default 默认样式是灰色
		navbar-inverse	导航栏反相样式，颜色采用黑色
		navbar-fixed-top 导航栏样式固定在顶端
		navbar-fixed-bottom	导航栏样式固定在底部
		详细介绍：http://www.yeahzan.com/course/128-bs-24.html
	-->
	<nav id="head" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	  <div class="container-fluid">
	    <!-- 系统功能标题和logo -->
	    <div class="navbar-header">
	      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
	      <font class="navbar-brand">企信通</font>
	    </div>
	
	    <!-- Collect the nav links, forms, and other content for toggling -->
	    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	      <!-- 系统主功能菜单 -->	
	      <ul id="menu" class="nav navbar-nav">
	      	<li class="menu"><a class="menu active" href="javascript:void(0)" link="menuSys">权限管理</a></li>
	      	<li class="menu"><a class="menu" href="javascript:void(0)" link="menuAuto">自动生成</a></li>
	      	<li class="menu"><a class="menu" link="${ctx}/adminManage/sys/menu/menuTree.jsp">运行监控</a></li>
	      	<li class="menu"><a class="menu" href="${ctx}/adminManage/sys/menu/menuEnt.jsp">企业管理</a></li>
	      	<li class="menu"><a class="menu" href="${ctx}/adminManage/sys/menu/menuTree.jsp">计费管理</a></li>
	      	<li class="menu"><a class="menu" href="${ctx}/adminManage/sys/menu/menuTree.jsp">统计管理</a></li>
	      </ul>
	      <!--  -->
	      <ul class="nav navbar-nav navbar-right">
	        <li class="dropdown">
	          <a href="#" class="dropdown-toggle" data-toggle="dropdown">操作员 <span class="caret"></span></a>
	          <ul class="dropdown-menu">
	            <li><a href="#">个人信息</a></li>
	            <li><a href="#">我的日历</a></li>
	            <li><a href="#">收件箱</a></li>
	            <li><a href="#">我的任务</a></li>
	            <li class="divider"></li>
	            <li><a href="#">锁屏</a></li>
	            <li><a href="#">注销</a></li>
	          </ul>
	        </li>
	      </ul>
	    </div>
	  </div>
	</nav>
	
	<div class="container-fluid">
	<!-- 
		visible-on 
	-->
		<div class="row visible-on">
			<!-- 菜单 -->
			<div class="col-xs-2">
				<!-- 
					nav 导航
					nav-tabs 标签页
					nav-stacked 垂直方向堆叠排列
					nav-sidebar 
					nav-justified 两端对齐
					firstmenu 自定义一级菜单 
				-->
			  	<ul id="menuSys" class="nav nav-sidebar nav-tabs nav-stacked firstmenu">
			  		<!-- 
						active选中项
					-->
			  		<li>
						<!-- 机构用户 -->
						<!-- 
							nav-header列表头
							list-group 列表组
							list-group-item 列表项
						-->
						<a href="#sys-jgyh" class="nav-header" data-toggle="collapse">
			              <i class="glyphicon glyphicon-cog"></i>机构用户 <span class="pull-right glyphicon glyphicon-chevron-down"></span>
			            </a>
						<ul id="sys-jgyh" class="nav nav-list secondmenu">
						  <li class="list-group-item"><a class="active" link="${ctx}/adminManage/sys/sysUser/list.do">用户管理</a></li>
						  <li class="list-group-item"><a link="${ctx}/adminManage/sys/sysOffice/list.do">机构管理</a></li>
						  <li class="list-group-item"><a href="#">区域管理</a></li>
						</ul>
						<!-- 系统设置 -->
						<a href="#sys-xtsz" class="nav-header" data-toggle="collapse">
			              <i class="glyphicon glyphicon-cog"></i>系统管理 <span class="pull-right glyphicon glyphicon-chevron-down"></span>
			            </a>
						<ul id="sys-xtsz" class="nav nav-list collapse secondmenu">
						  <li class="list-group-item"><a href="#">菜单管理</a></li>
						  <li class="list-group-item"><a href="#">角色管理</a></li>
						  <li class="list-group-item"><a href="#">字段管理</a></li>
						</ul>
						<!-- 系统监控 -->
						<a href="#sys-xtjk" class="nav-header" data-toggle="collapse">
							   <i class="glyphicon glyphicon-cog"></i>系统监控 <span class="pull-right glyphicon glyphicon-chevron-down"></span>
						</a>
						<ul id="sys-xtjk" class="nav nav-list collapse secondmenu">
						  <li class="list-group-item"><a href="#">request监控</a></li>
						  <li class="list-group-item"><a href="#">session监控</a></li>
						  <li class="list-group-item"><a href="#">集群监控</a></li>
						  <li class="list-group-item"><a href="#">机器监控</a></li>
						</ul>
					</li>	
				</ul>
				
				<ul id="menuAuto" class="nav nav-sidebar nav-tabs nav-stacked firstmenu">
			  		<li>
			  			<a href="#auto-mbgl" class="nav-header" data-toggle="collapse">
							   模板管理  
						</a>
						<ul id="auto-mbgl" class="nav nav-list collapse secondmenu">
						  <li class="list-group-item"><a link="${ctx}/adminManage/auto/autoTemplate/list.do">模板管理</a></li>
						  <li class="list-group-item"><a link="${ctx}/adminManage/auto/autoDb/list.do">数据库管理</a></li>
						  <li class="list-group-item"><a link="${ctx}/adminManage/auto/autoDbClass/list.do">数据库分类</a></li>
						  <li class="list-group-item"><a link="${ctx}/adminManage/auto/autoDbTable/list.do">表管理</a></li>
						</ul>
					</li>
				</ul>
			</div>	
			<!-- 内容 -->
			<div class="col-xs-10" id="mainFrame" style="overflow: auto;">
				
			</div>
		</div>	
	</div>
</body>
</html>
